/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */
   
   
@font-face { 
	font-family: "Ionicons"; 
	src: url("fonts/Ionicons/ionicons.eot"); 
	src: url("fonts/Ionicons/ionicons.eot#iefix") format("embedded-opentype"), 
		 url("fonts/Ionicons/ionicons.ttf") format("truetype"), 
		 url("fonts/Ionicons/ionicons.woff") format("woff"), 
		 url("fonts/Ionicons/ionicons.svg#Ionicons") format("svg");
	font-weight:normal;
	font-style:normal; 
}
 

html {
    height:100%;               /* om hoogte op 100% te zetten in geval van te weinig content */
    margin:0px; 
    padding:0px; 
    overflow-y:scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */
}

body {
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:1.5;
	color:#808080;
}

#Body { height:100%;}    /* Achtergrondkleuren + afbeeldingen hier */

#Form { height:100%; min-height:100%;}      /* om hoogte op minimaal 100% te zetten, mag wel groter */


/* HEADINGS */
H1, H2, H3, H4, H5 {color:#0971ce; margin:0; padding:0; font-family: 'Oswald', sans-serif; padding-bottom:10px;}
H1 {font-size:35px; color:#0971ce; font-family: 'Bungee', cursive; }
H2 {font-size:24px; color:#32b1e7;}
H3 {font-size:22px; color:#da1025;}
H4 {font-size:20px; color:#32b1e7;}
H5 {font-size:18px; color:#da1025;}

/* LINKS */ 
A:link      {color:#0971ce; text-decoration:none; transition:color 0.3s ease;}
A:visited   {color:#0971ce;}
A:hover     {color:#0971ce; text-decoration:underline;}
A:active    {color:#0971ce;}

/* TABLES */
table {font-size:inherit;}               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: inherit; color:inherit; line-height:inherit; font-size:inherit}
.Head { font-size:15px;}          /* style for module titles */
.SubHead {font-size:14px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:13px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:bold;}

.CommandButton {}                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited {}
A.CommandButton:hover {}    
A.CommandButton:active {}

.StandardButton {}                 /* button style for standard HTML buttons */

/* pretty form buttons */ 
.dnnPrimaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction{background: none; background-color: #0971ce; color: #fff; border: 2px solid #0971ce; border-radius: 5px; text-shadow: none; box-shadow: none;}
.dnnPrimaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover{background: none; background-color: #fff; color: #0971ce !important; border: 2px solid #0971ce; border-radius: 5px; text-shadow: none; box-shadow: none;}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span{background: none; background-color:#eee; color: #000; border: 2px solid #eee; border-radius: 5px; text-shadow: none; box-shadow: none;}
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover{background: none; background-color:#eee; color: #000; border: 2px solid #eee; border-radius: 5px; text-shadow: none; box-shadow: none;}

.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{border:1px solid rgba(2,139,255,0.5); box-shadow:0px 0px 3px 0px rgba(2, 139, 255, 0.4); outline-color:rgba(2, 139, 255, 0.4);}


/* COMMON  ISSUES */
img {border:0px;}                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */

input[type=submit], input[type=button] {}
input[type=submit]:hover, input[type=button]:hover {}

* { transition:background-color 0.3s ease;}

/* sexy content off */
.sc-content-block-menu{display:none !important;} 


/* Clearfix */
.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}
.clearfix:after{clear:both; content:'.'; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;}
* html .clearfix,:first-child+html .clearfix{zoom:1;}   

/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

#Wrapper { margin:0px auto; min-height:100%; background-color:#ffffff; text-align:left;}
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:900px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box;}
.InnerWrapper.WideInnerWrapper{max-width:970px;}


/* HEADER SECTION  */
#Header { background-color:transparent; border-top:8px solid #da1025; padding:25px 0px;}
#Wrapper.Sub #Header{padding-bottom:70px;}
#Header .one-half{margin-right:0; width:50%;}
#Header .one-fourth{margin-right:0; width:25%;}


#Header .HeaderLeftPane{font-family:"Ionicons"; line-height:100px;}
#Header .HeaderLeftPane .DNNModuleContent a{display:inline-block; height:35px; width:35px; line-height:35px; font-size:30px; border-radius:7px; background-color:#0071ce; color:#fff; text-align:center; transition:background-color 0.3s ease;}
#Header .HeaderLeftPane .DNNModuleContent a.facebook{background-color:#0071ce;}
#Header .HeaderLeftPane .DNNModuleContent a.instagram{background-color:#da1025;}
#Header .HeaderLeftPane .DNNModuleContent a.twitter{background-color:#00a0df;}
#Header .HeaderLeftPane .DNNModuleContent a:hover{text-decoration:none; background-color:#808080;}

#Header .HeaderMidPane{}
#Header .HeaderMidPane #Logo,
#Header .HeaderMidPane #Logo a{display:block; text-align:center;}
#Header .HeaderMidPane #Logo img{max-width:100%; max-height:100px;}

#Header .HeaderRightPane{text-align:right; line-height:100px;}
#Header .MenuBtn{font-family: 'Bungee', cursive; display: inline-block; vertical-align: middle; text-transform: uppercase; background-color: #da1025; color: #fff; font-weight: 900; cursor: pointer; height: 30px; line-height: 30px; border-radius: 5px; padding: 0px 7px; margin-bottom:5px;}
#Header .MenuBtn:after{display:inline-block; vertical-align:middle; content:"\f20d"; font-family:"Ionicons"; font-size:27px; color:#fff; padding-left:10px; font-weight:normal;line-height:35px; margin-top:-4px;}

/* SEARCH  */
#Search { display: inline-block; vertical-align: middle; background-color: #0071ce; color: #fff; font-family: 'Bungee', cursive; font-size: 20px; height: 30px; line-height: 30px; border-radius: 5px; padding: 0px 7px; margin-right: 0px; margin-bottom:5px;} 
#Search .SkinObject{font-family: "Ionicons"; font-size:25px; vertical-align:middle; color:#fff; height:35px; line-height:30px; font-weight:bold; display:inline-block; vertical-align:middle; margin-top:-2px; padding-left:5px; }   
#Search .SkinObject:hover{text-decoration:none;}
#Search .NormalTextBox { -webkit-appearance:none; color:#fff; background-color:transparent; border:0; width:85px;}

#Search .NormalTextBox::-webkit-input-placeholder { color:#fff;}
#Search .NormalTextBox:-moz-placeholder { color:#fff;}
#Search .NormalTextBox::-moz-placeholder {color:#fff; }
#Search .NormalTextBox:-ms-input-placeholder {color:#fff; }
#Search .NormalTextBox::-ms-input-placeholder { color:#fff; }
#Search .NormalTextBox:focus { outline:none; }  

#Search .searchSkinObjectPreview, #Search .searchInputContainer a.dnnSearchBoxClearText  {display:none !important;  }


/* LOGIN  */	
#Login { text-align:center; }
#Login a.LoginKey {font-family: "Ionicons"; font-size:18px; opacity:0; transition:opacity 0.3s ease;}
#Login a.LoginKey:hover { text-decoration:none; opacity:1;}


/* MENU SECTION */
#Menu { display:flex; flex-direction:column;  justify-content:center;  background-color:#ffb100; color:#fff; position:fixed; left:50%; top:50%; z-index:3000; height:0; width:0; overflow:hidden; transition:all 0.3s ease; opacity:0;}
#Menu.active{ left:0%; top:0%; height:100vh; width:100vw; opacity:1; overflow-y:scroll;}
#Menu .MenuWrapper{}
#Menu .InnerWrapper{color:#fff;}

#Menu .MenuHeader{position:relative; padding-bottom:20px;}
#Menu .MenuSocial{font-family:"Ionicons"; line-height:100px;}
#Menu .MenuSocial a{ display: inline-block; height: 35px; width: 35px;  line-height: 35px; font-size: 30px; border-radius: 7px; background-color: #fff; color: #ffb100; text-align: center;}
#Menu .MenuSocial a:hover{text-decoration:none;}

#Menu .MenuTopMid{text-align:center;}
#Menu .MenuLogo{display:inline-block; height:96px; width:366px; background-image:url(images/mvh_logo_white_big.png); background-repeat:no-repeat;}

#Menu .MenuTopRight{text-align:right;}
#Menu .MenuClose{font-family: 'Bungee', cursive; font-size:16px; cursor:pointer; display:inline-block; padding:10px; border-radius:5px;     margin-top: 15px;}
#Menu .MenuClose:hover{background-color:#fff; color:#ffb100;}


#Menu .InnerMenu{color:#fff; font-size:18px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px; margin-top:10px;}
#Menu a{color:#fff;}
#Menu .LeftMenu{width:65.33%; margin-right:4%; float:left;  -webkit-box-sizing:border-box; box-sizing:border-box; border-right:0px solid #fff;}
#Menu .RightMenu{width:30.66%; float:left; }

#Menu ul,
#Menu li{padding:0; margin:0; list-style:none;}
#Menu li.rootitem{font-family: 'Bungee', cursive; font-size:50px; padding:7px 0px; }
#Menu .RightMenu li.rootitem{font-size:30px;}
#Menu li.item{font-family: 'Oswald', sans-serif; display:inline-block; font-size:22px; padding:5px 0px 0px 0px;}
#Menu li.item +.item:before{content:"|"; display:inline-block; padding:0 5px; }
#Menu ul.subLevel ul.subLevel{display:none;} /* no 3rd level */
#Menu #MainMenu .PageIcon{display:none;}

html.active { overflow:hidden; height:100vh;}




/* BREADCRUMB SECTION */
#Breadcrumb{ font-family: 'Bungee', cursive; color:#da1025; font-size:14px; padding:30px 0px;}
#Wrapper.Home #Breadcrumb{display:none;}
#Breadcrumb .InnerWrapper{padding-left:60px;}
#Breadcrumb a{color:#da1025;}
#Breadcrumb a:hover{}

/* PANES SECTION */
#Content { }
#Content .Container { margin-bottom:40px;}
#Content img{max-width:100%;}


.row2{}
.row2 .InnerWrapper{background-color:#ffb100; color:#fff; text-align:center; border-radius:0px 0px 15px 15px;}
.row2 .Row2FullPane{padding: 40px 5% 0px 5%;}
.row2 .Row2FullPane.DNNEmptyPane{padding:0;}
.row2 h1,
.row2 h2,
.row2 h3
.row2 h4,
.row2 h5,
.row2 a{color:#fff;}
.row2 h1{font-size:30px;}
.row2 a.btn{font-family: 'Bungee', cursive; font-size:16px; display:inline-block; vertical-align:middle;}
.row2 a.btn:before{content:"\f10a"; font-family:"Ionicons"; display:inline-block; vertical-align:middle; padding-right:5px;}

.row3{position:relative; overflow:hidden;}
.row3:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:195px; background-color:#e5f5fc;}
.row3 .Row3LeftPane{background-color:#da1025; color:#fff; text-align:left; border-radius:0px 0px 15px 15px; padding:40px 20px 0px 20px; margin-bottom:40px;}
.row3 .Row3LeftPane.DNNEmptyPane{padding:0;}
.row3 h1,
.row3 h2,
.row3 h3
.row3 h4,
.row3 h5,
.row3 a{color:#fff;}
.row3 h1{font-size:30px;}
.row3 a.btn{font-family: 'Bungee', cursive; font-size:16px; display:inline-block; vertical-align:middle;}
.row3 a.btn:before{content:"\f10a"; font-family:"Ionicons"; display:inline-block; vertical-align:middle; padding-right:5px;}

.row4{}
.row4 .Container{margin-top:40px;}
.row4 .OntwikkelWrapper{padding-bottom:20px; overflow:hidden;}

.row5{background-color:#e5f5fc;}
.row5 .Row5FullPane .Container{padding-top:40px; margin-bottom:20px !important;}
.row5 .NewsFooter{text-align:right;}
.row5 .NewsFooter a{display:inline-block; vertical-align:middle; font-family: 'Bungee', cursive; font-size:16px; padding:5px 15px; border-radius:5px; color:#fff; background-color:#0971ce; transition:all 0.3s ease;}
.row5 .NewsFooter a:hover{text-decoration:none; background-color:#fff; color:#0971ce;}
.row5 .NewsFooter a:before{content:"\f10a"; font-family:"Ionicons"; padding-right:10px; display:inline-block; vertical-align:middle;}

.row6{position:relative; overflow:hidden;}
.row6 .Row6LeftPane .Container,
.row6 .Row6RightPane .Container{padding-top:40px; margin-bottom:20px;}
.row6:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:190px; background-color:#da1025;}
.row6 .Row6LeftPane h1{color:#ffb100;}
.row6 .Row6RightPane h1{color:#00a0e0;}



.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float:left; margin-right:4%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last  { margin-right:0;}

.one-half { width:48%;}
.one-third { width:30.66%;}
.two-third { width:65.33%;}
.one-fourth { width:22%;}
.three-fourth { width:74%;}
.one-fifth {width:16.8%}
.two-fifth { width:37.6}
.three-fifth { width:58.4%}
.four-fifth { width:79.2%}
.one-sixth {width:13.33%}
.five-sixth {width:82.66%}


/* FOOTER SECTION */
#Footer { background-color:#da1025; color:#fff; line-height:1.8; padding-top:50px; padding-bottom:120px; background-image:url(images/footer_bottom.png); background-repeat: repeat-x; background-position: bottom;}
#Wrapper.Sub #Footer{margin-top:40px; background-image:none;}
#Footer a{color:#fff;}
#Footer h2{font-family: 'Bungee', cursive; font-size:20px; color:#fff;}
#Footer .FooterMidPane{text-align:center;}
#Footer .FooterLeftPane,
#Footer .FooterRightPane{padding-top: 50px;}


/*SocialMedia*/
.SocialMediaIcons {padding:10px 0;}
.SocialMediaIcons a {font-family: "Ionicons"; margin:0 10px 0 0; font-size:32px; line-height:1; display:inline-block; vertical-align:top; zoom:1; *display:inline; }
.SocialMediaIcons a:hover { text-decoration:none} 

/* ================================================================================ 
                                     MENU'S
   ================================================================================ */



.DesktopMenu .RadMenu_MainMenu ul,
.DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;}   


/* !!!!!!!!!!   Fake Panelbar / submenu */
.DesktopMenu  ul.rmRootGroup.rmVertical  {width:100%;   position: relative;    z-index: 100; background-color:#da1025 !important; border-radius:10px; padding:15px; box-sizing:border-box;}
.DesktopMenu .rmVertical .rmSlide {position:static}
.DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);}
.DesktopMenu .RadMenu ul.rmRootGroup{ background-color:transparent; border:0;}
.DesktopMenu .rmVertical .rmItem {padding:8px 0}
.DesktopMenu .rmVertical .rmItem .rmLink .rmText{ min-width:100px; background-color:transparent; color:#fff; text-transform:uppercase; font-weight:500; letter-spacing: 0.05em;font-size:17px; border-radius:10px;}
.DesktopMenu .rmVertical .rmItem .rmLink .rmText:hover { text-decoration:underline !important;}
.DesktopMenu .rmVertical .rmItem .rmLink .rmText:before{content:"\f10a"; font-family:"Ionicons"; display:inline-block; vertical-align:middle; padding-right:10px;}
.DesktopMenu .rmVertical .rmSlide  {display:none !important}
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide   {display:block !important; height:auto; }
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup  {opacity:1}
 /*sub*/
.DesktopMenu .rmVertical .rmSlide .rmItem {padding-left:20px;}
/*expanded,hover,selected,breadcrumb */
.DesktopMenu .rmVertical .rmItem .rmLink:hover { text-decoration:none !important}
.DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  { text-decoration:underline }
.DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { text-decoration:underline  }
.DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText {}
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb  > .rmLink > .rmText {}


/* ================================================================================ 
                                 BANNER
   ================================================================================ */

.BannerPane{position:relative; z-index:90}

.pubBannerWrapper{ position:relative; height:440px; width:100%; border-radius:15px; overflow:hidden;}
.pubBannerWrapper .pubItem{-webkit-transition:opacity 1s ease; transition:opacity 1s ease; position:absolute; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; top:0; left:0; z-index:1; opacity:0; }
.pubBannerWrapper .pubItem.active{opacity:1;}

.pubBannerWrapper .pubText{font-family: 'Bungee', cursive; font-size:50px; color:#fff; background-color:rgba(218,16,27,0.5); position:absolute; bottom:25px; left:25px; width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 20px; border-radius:15px;}

.pubBannerFaderWrapper{z-index:10; position:absolute; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; top:0; left:0;}
.pubBannerPagerWrapper{position:absolute; bottom:25px; left:0px; width:100%; text-align:left; z-index:15}
.pubBannerPagerWrapper .InnerWrapper{text-align:right;}
.pubBannerPagerWrapper .pubBannerPager{display:inline-block; height:18px; width:18px; background-color:#fff; border-radius:5px; margin:5px; cursor:pointer; }
.pubBannerPagerWrapper .pubBannerPager.active{background-color:#da1025;}


/* ================================================================================ 
                                 GOOGLE MAPS
   ================================================================================ */
#map-canvas{ position: relative; display: block; width: 100%; height: 300px; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}


/* ================================================================================ 
                                 SCHOOL BLOK
   ================================================================================ */
.SchoolBlok{position:relative; display:block; width:100%; height:260px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.SchoolBlok:before{content:""; display:block; position:absolute; width:100%; height:100%; background-color:#177dd2; opacity:0; transition:opacity 0.3s ease;}
.SchoolBlok.blue:before{background-color:#00a0e0;}
.SchoolBlok.red:before{background-color:#da1025;}
.SchoolBlok:hover:before{opacity:0.3}
.SchoolBlok .SchoolBlokText{position:absolute; display:block; background-color:#177dd2; color:#fff; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; font-family: 'Bungee', cursive; font-size:23px; bottom:0; left:0; margin:25px;padding:5px 10px;}
.SchoolBlok.blue .SchoolBlokText{background-color:#00a0e0;}
.SchoolBlok.red .SchoolBlokText{background-color:#da1025;}


/* ================================================================================ 
                                 VIDEO BLOK
   ================================================================================ */
.VideoBlok{position:relative; display:block; width:100%; height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.VideoBlok:before{content:""; display:block; position:absolute; width:100%; height:100%; background-color:#da1025; opacity:0; transition:opacity 0.3s ease;}
.VideoBlok:hover:before{opacity:0.3;}
.VideoBlok:after{content:"\f1c8"; font-family:"Ionicons"; display:block; position:absolute; left:calc(50% - 50px); top:calc(50% - 50px); height:100px; width:100px; border-radius:50%; background-color:#ffffff; color:#da1025; text-align:center; line-height: 100px; font-size:80px; padding-left:10px; -webkit-box-sizing:border-box; box-sizing:border-box;} 


/* ================================================================================ 
                                 ONTWIKKELRICHTINGEN
   ================================================================================ */
.OntwikkelWrapper{text-align:center;}
.OntwikkelWrapper h1{font-size:40px; color:#ffb100;}
.OntwikkelWrapper .OntwikkelItemWrapper{}
.OntwikkelWrapper .OntwikkelItemWrapper .OntwikkelItem{font-family: 'Bungee', cursive; font-size:15px; color:#009fdf; display:inline-block;}
.OntwikkelWrapper .OntwikkelItemWrapper .OntwikkelItem:nth-of-type(2n){color:#0071cd;}
.OntwikkelWrapper .OntwikkelItemWrapper .OntwikkelItem:after{content:"/"; display:inline-block; color:#da1025; padding:0px 10px;}
.OntwikkelWrapper .OntwikkelItemWrapper .OntwikkelItem:last-of-type:after{display:none;}


/* ================================================================================ 
                                 LINKS BLOK
   ================================================================================ */
.LinksBLok{}
.LinksBLok .LinkItem{font-family: 'Bungee', cursive; display: block; padding-top: 20px;}
.LinksBLok .LinkItem .LinkTitle{font-size:25px;}
.LinksBLok .LinkItem:nth-of-type(1) .LinkTitle{font-size:40px;}
.LinksBLok .LinkItem .LinkUrl{font-size:16px; display:inline-block; vertical-align:middle;}
.LinksBLok .LinkItem .LinkUrl:before{ content: "\f10a"; font-family: "Ionicons"; padding-right: 10px; display: inline-block; vertical-align: middle;}

.LinksBLok .LinkItem,
.LinksBLok .LinkItem .LinkUrl{color:#0071cd;}



/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top, .touch-device #back-to-top:hover { background-color:#0071ce; color:#fff; bottom:10px; display:none; height:45px; position:fixed;	right:10px; text-shadow:none; transition:all .2s ease; width:45px; z-index:980;	line-height:45px; text-align:center; font-family: "Ionicons"; font-size:28px; border-radius:5px;}
#back-to-top:hover {text-decoration:none;}


/* ================================================================================ 
                                Agenda
   ================================================================================ */
/* CALENDAR MAIN */
#Content .ThemeDefault .EventTitle{font-family: 'Bungee', cursive; text-transform:uppercase; color:#fff; height:auto; background-color:#0971ce;}
#Content td.EventNextPrev + td{text-shadow:none; color:#fff; font-family: 'Bungee', cursive; font-size: 24px; padding:20px 0px; letter-spacing:1px;}
#Content td.EventNextPrev{text-shadow:none; color:#fff;}
#Content td.EventNextPrev a:before{content:"\f124"; font-family:"Ionicons"; font-size: 13px; vertical-align: middle; padding-right: 10px;}
#Content td.EventNextPrev ~ td.EventNextPrev{text-shadow:none; color:#fff;}
#Content td.EventNextPrev ~ td.EventNextPrev a:before{content:"";}
#Content td.EventNextPrev ~ td.EventNextPrev a:after{content:"\f125"; font-family:"Ionicons"; font-size: 13px; vertical-align: middle; padding-left: 10px;}
#Content .EventNextPrev a:link, 
#Content .EventNextPrev a:visited, 
#Content .EventNextPrev a:active{color:#fff !important; font-size:18px;}
#Content .ThemeDefault .EventTitle td{vertical-align:middle;}

#Content .ThemeDefault .EventDayHeader{font-family: 'Oswald', sans-serif; font-size: 14px; padding: 10px 0px; background-color:#009fdf;}
#Content .ThemeDefault .EventDay{font-family: 'Oswald', sans-serif; background-color:#fff; color:#0971ce; border: 1px solid #e6e6e6; font-size:14px;}
#Content .ThemeDefault .EventWeekendDay{background-color:#fff;}
#Content .ThemeDefault .EventOtherMonthDay{background-color:#fdfbfc;}
#Content .ThemeDefault .EventDay .EventDayScroll > div > a{background-color:#00a0e0; color:#fff; border-radius: 5px; padding:0px 17px 0px 8px; font-size: 12px;}
#Content .EventNextPrev a:link, 
#Content .EventNextPrev a:visited, .EventNextPrev a:active {color:#ccc;}
#Content .ThemeDefault .EventTodayDay{background-color:#fff}


/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
/* ARTICLE LIST */
.pubArticleList {}
.pubArticleList h1 {}
.pubArticleList .pubControls { padding:10px 0px;}
.pubArticleList .pubItems {width: 100%;} 
.pubArticleList .pubItem {} 
.pubArticleList .pubItem .pubThumbNail{display:block; padding:10px 0px; height:100px; background-size:cover; background-repeat:none; background-position:center center; border-radius:15px;}
.pubArticleList .pubItem .pubContent {padding:10px 0px 20px 0px;}
.pubArticleList .pubItem .pubContent .pubTitle{display:block; font-weight:bold;}
.pubArticleList .pubItem .pubContent .pubSummary {display:block; padding-bottom:10px;}
.pubArticleList .pubItem .pubContent .pubMetaData {font-size:14px; color:#999; padding:10px 0px;}
.pubArticleList .pubItem .pubContent .pubLink{display:inline-block; vertical-align:middle; color:#fff; background-color:#0971ce; border-radius:5px; padding:3px 10px; transition:all 0.3 ease; border:2px solid #0971ce;}
.pubArticleList .pubItem .pubContent .pubLink:before{content: "\f10a"; font-family: "Ionicons"; display: inline-block; vertical-align: middle; padding-right: 10px;}
.pubArticleList .pubItem .pubContent .pubLink:hover{text-decoration:none; color:#0971ce; background-color:#fff;}


/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails h1 { }
.pubArticleDetails .pubMetaData { color:#999; font-size:14px; margin-bottom:10px;}
.pubArticleDetails .pubContent { margin-bottom:10px;}
.pubArticleDetails .pubReturnLink{display:inline-block; vertical-align:middle; color:#fff; background-color:#0971ce; border-radius:5px; padding:3px 10px; transition:all 0.3 ease; border:2px solid #0971ce; margin:10px 0px;}
.pubArticleDetails .pubReturnLink:before{content: "\f10a"; font-family: "Ionicons"; display: inline-block; vertical-align: middle; padding-right: 10px;}
.pubArticleDetails .pubReturnLink:hover{text-decoration:none; color:#0971ce; background-color:#fff; }

.pubFileBox{}
.pubFileBox .FileBoxHead{display:none;}
.pubFileBox .FileBoxBody{padding:0; background-color:transparent; margin-top:20px;}
.FileBoxBody .FileBoxUnsortedList .ImageList{margin:0;}
.FileBoxBody .FileBoxUnsortedList .ImageList a{display:block; margin-left:0 !important; margin-right:10px;}
.FileBoxUnsortedList > li.ImageList > a > img{height:100px;}

/* ARTICLE VIEWER */
.pubArticleViewer {}
.pubArticleViewer .pubItem {}
.pubArticleViewer .pubItem .pubTitle {font-size:14px; font-weight:bold;}
.pubArticleViewer .pubItem .pubMetaData {font-size:11px; color:#999;}

/* HOME BIG */
.pubArticleHomeBigViewer{}
.pubArticleHomeBigViewer .pubItem{position:relative; display:block; width:100%; height:280px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.pubArticleHomeBigViewer .pubItem:before{content:""; display:block; position:absolute; width:100%; height:100%; background-color:#177dd2; opacity:0; transition:opacity 0.3s ease;}
.pubArticleHomeBigViewer .pubItem:hover:before{opacity:0.3;}
.pubArticleHomeBigViewer .pubItem .pubContent{position:absolute; display:block; background-color:#177dd2; color:#fff; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; bottom:0; left:0; margin:25px; padding:5px 10px; width:calc(100% - 50px);}
.pubArticleHomeBigViewer .pubItem .pubContent .pubMetaData{display:block; font-size:14px; text-transform:uppercase; font-weight:bold;}
.pubArticleHomeBigViewer .pubItem .pubContent .pubTitle{display:block; font-size:30px; font-weight:bold;}

/* HOME SMALL */
.pubArticleHomeSmallViewer{}
.pubArticleHomeSmallViewer .pubItem{display:block; padding-bottom:25px;}
.pubArticleHomeSmallViewer .pubItem .pubImageWrapper{width:160px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:center center; margin-right:25px; position:relative; float:left; border-radius:15px; overflow:hidden;} 
.pubArticleHomeSmallViewer .pubItem .pubImageWrapper:before{content:""; display:block; position:absolute; width:100%; height:100%; background-color:#177dd2; opacity:0; transition:opacity 0.3s ease;}
.pubArticleHomeSmallViewer .pubItem:hover .pubImageWrapper:before{opacity:0.3;}
.pubArticleHomeSmallViewer .pubItem .pubContent{position:relative; float:left; width:calc(100% - 185px);}
.pubArticleHomeSmallViewer .pubItem .pubContent .pubMetaData{display:block; font-size:16px; font-weight:bold; text-transform:uppercase; padding-top:5px;}
.pubArticleHomeSmallViewer .pubItem .pubContent .pubTitle{display:block; font-size:25px; font-weight:bold;}


/* COMMENT VIEWER */
.pubCommentViewer .pubItem {}
.pubCommentViewer .pubItem .pubMetaData {font-size:11px; color:#999;}

/* SIDEBAR */
.pmsb_wrap { }
.pmsb_wrap .pm_block {}
.pmsb_wrap .pm_block .pm_block_header {  }
.pmsb_wrap .pm_block ul { }
.pmsb_wrap .pm_block ul li {  }
.pmsb_wrap .pm_block ul li a,
.pmsb_wrap .pm_block ul li span {  }


/* ================================================================================ 
                                CONTAINER LAYOUT'S
   ================================================================================ */
.Container {}
.ContainerHeader { }
.ContainerContent {}
.ContainerFooter {}


/* ================================================================================ 
                                   QUICK FIXES
   ================================================================================ */

/* -- footer fixed to bottom -- */ /*
#Wrapper { position: relative;}
#Panes { padding-bottom: 100px; }            
#Footer { position: absolute; width: 100%; height: 100px; bottom: 0px; margin-top: 20px;}
*/


/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */

@media only screen and (max-height:1150px){
	
	#Menu {justify-content:flex-start;}
	#Menu .MenuHeader{padding-top:30px;}
	
}

@media only screen and (max-width: 768px) {	
	.InnerWrapper { max-width:480px}
	.MobileMenuHeader, .MobileMenuHeader.active ~ #MobiNav {display:block;}
	.RadMenu, .RadPanelBar  {display:none;}	
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {float:none; margin-right:0; width:100%;}	
	
	#Menu .LeftMenu{float:none; width:100%; margin-right:0; border:0;}	
	#Menu li.rootitem{font-size:22px !important;}
	#Menu li.item{font-size:16px; display:block; font-weight:normal;}
	#Menu li.item +.item:before{display:none;}
	
	#Header .HeaderLeftPane,
	#Header .HeaderMidPane,
	#Header .HeaderRightPane{width:100%; text-align:center;}
	#Header .HeaderLeftPane{line-height:80px;}
	
	.pubBannerWrapper .pubText{font-size:20px; width:calc(100% - 50px); bottom:60px;}
	.pubBannerPagerWrapper .InnerWrapper{text-align:center;}
	
	.row2 h1{font-size:22px;}
	
	.SchoolBlok .SchoolBlokText{font-size:20px;}
	
	.OntwikkelWrapper h1{font-size: 22px;}
	
	.row5 .NewsFooter{text-align:center;}
	
	#Footer .FooterLeftPane{display:none;}
	#Footer .FooterRightPane{text-align:center;}
	
	#Breadcrumb .InnerWrapper{padding:0 20px;}
	#Wrapper.Sub #Header{ padding-bottom: 20px;}
	
	H1 {font-size:24px;}
	H2 {font-size:22px;}
	H3 {font-size:20px;}
	H4 {font-size:18px;}
	H5 {font-size:18px;}
	
}